15 Awesome HTML Form Date Showcase For Web Developers

1. jQuery Order Form Builder

featured image

7 September 2012: I am aware of the fact that some people have been having issues installing/configuring jQuery Order Form Builder correctly. To address this, I have been working on an online version, called My Form App (previously Order Form Builder). jQuery Order Form Builder is a simple to use order form builder that takes care of all the behind the scenes stuff required to build an order form. All you have to do is configure the form in the visual editor, and click download, and you get a ZIP file with all the files you need for your form!

jQuery Order Form Builder has heaps of features, from email templating to custom validation. Every HTML form input is supported, as well as jQuery UI lightbox Sliders & Numeric Spinners. jQuery Order Form Builder requires a web server with PHP 5 . Added validation options to jQuery UI form fields

Added tab key functionality to allow to change between form fields using the keyboard

Added Send Customer Email option to Configure Settings -> Form

Added Auto Redirect option to Configure Settings -> Form

Added custom variables to form inputs

Added Date Format to Configure Settings -> Form

More Details

2. Form Builder

Form Builder

Form Builder is an extraordinary form-creating software! Designing web-based forms has never been easier and fun as it is with Form Builder. It features an easy drag-n-drop GUI, no-coding, stylish Flat, Metro, Bootstrap and Solid form themes, pure CSS style form aspects, as-you-type text validation, and anti-spam capture mechanism.

More Details

3. Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)

The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the HTML form textarea enctype=”multipart/form-data” for form element in examples.Automatic reloading of AYAH after form submission.You can add your own custom file field in your form.New method to create your own HTML template for the mail body message.code source form editor (included in download package).Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable).You can use multiple instance of form in the same page.//Initialisation of the form

resetForm: true, //Spcifie if reset form after submit (true / false)

reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)

showBtnSend: false, //Specifie if the btn send is visible when loading form when No Spam Control is activate (true / false)

//if you need to redefine some parameters (example: if you have several contact form in your web site)

If you don't specifie email sender the email used to send the mail will be the user mail (who submit the form)

//Specifies the required fields for the form validation. $contact->setBodyMessageFields('<p>E-mail: [mail]</p><p>Version: [version]</p><p>Phone: [phone]</p><p>Date of Birth: [datebirth]</p><p>Country: [country]</p><p>Web site: [website]</p><p>Message: [message]</p>');

//Specifies the subject of the email if you don't use subject field in your form

//Specifies the fields need HTML encodage (example: textarea)

//Specifies if HTML tags is accepted in the email message (for the textarea form HTML PHP element)

//Specifies if the HTML form submit is encoded in utf_8

//Specifies the minimum and the maximum time between submission of the form (in seconds)

//Specifies if you want to use recaptcha for simple jQuery validation form

//Specifies if you want to use AYAH for contact form validation

More Details

4. TouchCarousel - jQuery Content Scroller and Slider

featured image

Each item can have any html content(except video) and can be any size.For support contact me through contact form on my profile page. Please don’t post links and code in comments, use contact form for this.Fixed new Date() bug in ie 7-8.

More Details

5. X Forms - WordPress Form Creator Plugin

featured image

Themes/Color Schemes are applied accordingly to form input textarea elements, error messages, confirmation messages, help text and the submit button! So no need to style every element, save time by simple using presets (which can also be modified!) Take a minute and to check out the live demo to preview the color schemes on a dark or light theme.Form elements include:

Date Picker (Popup calendar selection)

Text Paragraph (allows HTML)

That’s right!, all form submission you’ll receive are submitted by humans and not robots! This is done without using Captha which is proved to annoy most users!

There is no loading time once the page is open, if you click something you get it instantly…in other words, no fancy animated loading icons to frustrate you during your form setup.Well, with 25 themes to choose from it should be hard to not to find something to not fit your theme…But just in case we’ve added a visual editor that allows you to change individual form elements or change the same element group as a whole by using the following settings:

Form entry storage and export

All form entries are stored and can be retrieved from the admin panel.Send professional custom confirmation mails to your clients upon completing a form.Add more then on form on a single page for example one (or more) in the page content, one (or more) in the footer and one (or more) in the sidebar.Creating a template is easy, simply create a form and use the duplicate form function!

More Details

6. Essential Bootstrap Form Pack

featured image

Mammothology Essential Bootstrap Form Pack:

Working contact form using PHP mail

Ajax payment form with verification and loading icon

Subscription billing form example

Data sorting form with jQuery carousel example to sort and filter by date, number and string

Address input form and pricing tables example too

Unzip form pack to your root webserver folder

Create a database using the included SQL file which will store all form input

For the single payment form: http://example. For the subscription payment form: http://example.

More Details

7. SabaiDiscuss for WordPress

featured image

Custom fields with HTML visual form builder editor (13 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, CAPTCHA, User, Section Break, File Upload, Image Upload)

Filters user HTML using HTMLPurifier for additional security

Bug Fixed: Fatal error when entering invalid URL in URL form fields

Bug Fixed: Date field type displaying time even when time selection field is disabled

Bug Fixed: HTML target attributes were always stripped off

Improved: Nofollow HTML rel attributes are added to all outgoing links

Bug Fixed: Fatal error on form editor page if language is RTL

Bug Fixed: Value of CAPTCHA field not being cleared when form submit failed

Added: Show existing fields in form editor to allow reusing custom fields

Added: Options to disable (hide) tag/category form fields (Questions -> Manage Fields)

html to .html.Bug Fixed: Pages redirecting to https://xxx instead of http://xxx on after HTML submit form on certain occasions

Improved: Search form sending out placeholder values as actual form values when some kind of HTML5 hack is in place

Bug Fixed: Some rendering issues with validation HTML forms using PHP

Internal: Allow each form element to add javascript code

Bug Fixed: Custom fields not being displayed in form on certain occasions

html)

html template file

Bug Fixed: Display categories in alphabetical order instead of creation date

html template file

Bug Fixed: Timepicker form field not showing the correct local time

Improved: Featured content can now have expiration HTML form date set for when to stop being featured

Bug Fixed: Several form elements not being displayed at all on certain occasions

Improved: Custom fieds visual form editor user interface improved

Added: Visibility setting for each custom field which allows setting what type of user can see the field during form submission

Bug Fixed: Page not found error when trying to edit/add fields in visual form builder jQuery editor

Updated: HTML fields to display markup instead of system message in visual form builder editor

Added: Custom fields with visual form editor (8 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, and more to come)

Bug Fixed: Tag selection form not being displayed in some cases

More Details

8. Contact Form Generator - Form Builder

featured image

Contact Form Generator is a powerful form builder that enables you to create the most elegant forms in less than a minute. I’ve purchased almost every other form builder off CodeCanyon and yours is by far the best.- dutchess (purchased Contact Form Generator)

A form creator wordpress plugin version of form generator HTML is available here:http://codecanyon.net/item/form-generator-wordpress-contact-form-builder/4613911

Complete Form Customization : every element in the form can be modified

Great Looking Forms : your contact form will match your website’s identity perfectly

Quick Setup : very easy to install, no database needed, upload your contact form and it will be ready to work!

What People Are Saying About contact form generator free

This is by far one of the best wordpress slider generators i have purchase and the support is amazing!

- fightforcreativity (purchased Contact Form Generator)

- gurustar (purchased Contact Form Generator)

Full Customization Of Your Form Design:

A CSS file is provided with each form you create

Logo And Images : insert images in your contact form (upload available)

Drag And Drop Form Building Interface: create your form in a few minutes

Personalized Confirmation And Error Messages : write the messages displayed in the form in your own language

Contact Forms Archive System : each form you create is downloadable and archived on your server

Complete Contact Form Builder: It Has Everything You Need

All HTML Standard Fields Are Included:

    Calendar field (8 date formats available, multi-language with more more than 30 languages supported)

Every Elements Of Your Form Can Be Changed And Customized

Change The Colors : a color picker is available for every elements in your contact form

Drag And Drop Interface : organize and sort all the elements of your form in seconds

Notifications : a copy of the collected data in the form is sent to your inbox

Admin Notification : receive an email instantly when someone completes your contact form

User Notification (auto-responder) : automatically send an instant message to the user submitting the form

CSS file included with each contact form

CSS file included with each contact form

Upload Your Logo Or Any Image In Your Contact Form

Mobile Browser Compatibility : the contact forms you create with contact form generator captcha will work like a charm on simple lightbox

Upload the form’s source files on your server and it will work out of the box

A zip file is provided for each contact form you create

The user notification message can be sent in email format HTML or plain text or email form HTML

Improvement: Improvement: the email address of the person completing your form will automatically appear in the “from” field in your inbox

New feature added: the name displayed in the inbox “Form” field is now configurable

New feature added: images can be added in the wordpress contact form builder

Improvement: a notification is displayed at the top right of the form editor if a jQuery slideshow ipad of PHP contact form generator free is available for download on Code Canyon

First release of form generator HTML

More Details

9. Form Generator - WordPress Contact Form Builder

featured image

With The Most Powerful WordPress Form Builder Plugin

Have Complete Control On Your Forms Design Without Coding Any HTML Or CSS

Create Your Perfect Form Style

Unlimited Color Palette : each form element can have its own color properties (background, border, font)

Preview And Edit Your Form Directly In free HTML contact form generator

What You See In The HTML form builder Is Exactly What You Will Get In Your WordPress page

Build Your Form In Less Than 60 Seconds: take full control of your forms with our effortless drag and drop form builder

Real Time WordPress Form Builder

Your Form Design Will Match Your WordPress Theme instantly

Export Your Form Entries Easily into a CSV file or a text file

Bulletproof Forms : each form includes validation procedures that prevent invalid data and prevent malicious code from being sent to you

Form Cloning For Faster Edition

Easy Edit : each form you create comes with its own configuration and settings

Duplicate any form in one click to save you the trouble of recreating the same form multiple times

Create Any Type Of Form

Form Generator for WordPress can handle every type form you could possibly need :

WordPress Widget Available: insert your form anywhere in your WordPress theme

Popup Mode Available : open your form in a popup

PHP Code Snippets Available : insert your form anywhere in your WordPress template files

All Standard Form Inputs Available :

6 Advanced Form Fields Available

Calendar Field : 8 date formats and more than 30 languages available

Yes, coding for WordPress is difficult, this is why we wanted this dynamic form builder JavaScript to be as easy-to-use as possible so that you can focus on your website content instead of PHP and CSS coding. No knowledge of HTML, CSS or PHP is necessary to have it all working properly.No CSS Headaches: use our powerful color palettes and font selector to give any style you want in your form

No PHP Coding Required : each form is created with its own php validation files,you won’t need to code anything to have it working properly

High Quality Code Guaranteed : Form Generator delivers clean HTML coded forms fully compliant with W3C standards

Gorgeous Form Builder

This is one of the most time productive plugins I’ve used to date!!!!!

All The Messages Below Are Real Buyer Testimonials About web form generator For Wordpress

Form Generator is 100% Compatible With:

More Details

10. Advanced HTML5 Contact Form

featured image

Specify the barebones of a field, and this script will generate all the appropriate HTML tags and such. HTML in your emails

HTML is valid for the emails that you receive in your inbox, generated from this script. Date

Automatically require certain fields before allowing a form to be submitted. Denies repeated form submissions

Please contact us with any questions you may have via the wordpress popup contact form on our author profile page. * New: Date fields! Simply use the type 'date' to automatically add a datepicker to your field

More Details

11. Sky Forms Pro

featured image

Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Fields MaskingAllows user to more easily enter inputs where you would like them to enter the data in a certain format (date, phone, credit card, etc).Ajax PoweredAllows you to easily and unobtrusively upgrade HTML forms to use AJAX instead of regular sumbit.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form in modal window.jQuery UI DatepickerAttaches a popup calendar to your input fields or shows an inline calendar for selecting individual dates or date ranges.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled. Semantic HTML markup and standards compliant CSS.Lifetime SupportTo get support please send me an email through the contact form generator on my profile page.jQuery Form Plugin by The jQuery Foundation

More Details

12. DZS jQuery Mini Events Calendar

featured image

html supported – inline content is no problem for this plugin

added markup option for events – instead of data-date=”2-10-2013” you can now use data-day=”10” data-month=”2” data-year=”2013”

Can you explain your data ? You can place events on any day, and can have any html there ( videos, youtube embeds, headings, anything ) .This is the correct form 1-8-2013 ( not 01-08-2013 )

More Details

13. Website Cost Estimator for Your Clients

featured image

A little knowledge of: HTML , CSS and jQuery/javascript is required.11/25/11 – EVERYONE it is here! I have taken the time to create a secure and accessible PHP contact form and PayPal link that are really easy to configure.11/25/11 – Issue when opening page date was 10 days plus current date but not switching months.

More Details

14. Unlimited Form Builder & Manager

featured image

Unlimited Form Builder & Manager Unlimited Form Builder & Manager is a do-it-all tool for creating, managing and implementing any number of forms across your website. Supports an unlimited number of jQuery dynamic slideshow including File Uploads and HTML Emails. Preview entered form information before submission. Form output including Preview & Completed pages are template based and are 100% customizable using a WYSIWYG editor. Unlimited Form Builder & Manager is your end solution for administrating and quick deployment for all your form needs.x Feature Packed Administration (jQuery / jQuery UI / Ajax Features) Create Unlimited Forms Create Unlimited Outgoing HTML formatted Emails Unlimited File Upload Fields w/ Files Attached to Email(s) Drag & Drop Sort Order of dynamic PHP form fields Form output from Templates. Create new Templates to Give Unique Design per Form Supports all Form Field Types + Custom Field Types (Email / Date Picker) Input Validation & Required Fields (Client & Server Side) WYSIWYG editor to easily customize Form Preview & Completed Pages WYSIWYG editor to easily format outgoing HTML Emails Quick integration of created forms using IFrame Code Generator .Example Form using IFrame Code Example Form Direct Access (No IFrame)

Form Manager & Administration – Username & Password: “admin”

View the Unlimited Form Builder & Manager Documentation

Added /documentation/ Styled Form Elements on Front-End jQuery Tabs JavaScript modifications to fix rendering issue on page load.

More Details

15. FormPresto

featured image

Form-Presto is a Php / Xml / jQuery script that that helps in generating great looking HTML forms instantly.xml files, upload, and the form is ready to go. FORM PRESTO is Html5/Html 1.HTML 5 / XHTML Strict validated

FORM FEATURES

Multiple form instances in one page

Manages title, subtitle, description of the form

You can add as many field as you need even the more complicated form becomes easy

jpg images can also be loaded as form fields)

Inline jQuery validation , no page refresh, form submits only if validations rules are fulfilled. Direct loading of jpg images as the same as normal form-fields

Support file upload with filetype and maxsize validation, with option to decide i attach or link the uploaded file (1 upload for each form, but in the next release there will be multiple uploads)

csv file or Mysql table (appends date of submission and IP too)

FORM LAYOUT

Template based, revolutionize the entire look of a form by simply setting 10/15 . Liquid or pixel based width of each field, with multicolumn auto positioning when fields <100% or < of the form pixel width.

More Details

16. Visual Form Builder

featured image

Online Form Builder with Live Preview

Added Regular Expression validation to form fields, you can have any kind if custom validation using a simple regular expression

HTML form validation are re-sizable now, re-size the width of any form field using the re-size handler at the right side end of the form field.Now generates AJAX version of the forms! Just copy the generated AJAX HTML source to any existing webpage/CMS

Build any type of dynamic HTML forms PHP quickly without writing a single line of code.Online Form Builder let’s you create amazing forms visually in just a few minutes

Forms built with the form builder online will have both client side and server side validations.Option to save the submitted form data to MySQL database server.If you select the Save to MySQL DB option, a email HTML PHP script will be generated which will create the Database Table to store the submitted form information.Contains all fields required to design beautiful forms – TextField, TextArea, Email, Date, Time, Phone, Credit Card, URL etc.13 different element types including jQuery Date & jQuery Time picker.Preview Mode lets you look at the form before you download it.Installation is very easy and requires minimal effort and knowledge both for the form builder online application and even the forms generated with it!

More Details